/** @format */

.vxe-table .vxe-body--column.col--selected:not(.col--checked) {
    box-shadow: inset 0 0 0 2px rgb(105, 164, 241);
    // border: thin solid #888;
}

.vxe-modal--body {
    overflow: auto;
}

.vxe-table .vxe-cell {
    padding: 0 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.vxe-table.size--small .vxe-cell {
    font-size: 14px;
}

.vxe-table .vxe-cell * {
    box-sizing: border-box;
}

.vxe-table.vxe-editable .vxe-body--column.col--actived {
    padding: 0;

    .vxe-cell {
        padding: 0;
    }
}

//自定义按钮颜色
.vxe-button.type--button.theme--custom-confirm {
    color: #fff !important;
}

.vxe-button.type--button.theme--custom-confirm:hover {
    border-color: #6fb7b7;
    background-color: #6fb7b7;
}

.vxe-button.type--button.theme--custom-confirm,
.vxe-button.type--button.theme--custom-confirm:active {
    border-color: #5cadad;
    background-color: #5cadad;
}

//自定义按钮颜色
.vxe-button.type--button.theme--custom-cancel {
    color: #fff !important;
}

.vxe-button.type--button.theme--custom-cancel:hover {
    border-color: #ff9d6f;
    background-color: #ff9d6f;
}

.vxe-button.type--button.theme--custom-cancel,
.vxe-button.type--button.theme--custom-cancel:active {
    border-color: #ff8f59;
    background-color: #ff8f59;
}

//自定义按钮颜色
.vxe-button.type--button.theme--custom-1 {
    color: #fff !important;
}

.vxe-button.type--button.theme--custom-1:hover {
    border-color: #9393ff;
    background-color: #9393ff;
}

.vxe-button.type--button.theme--custom-1,
.vxe-button.type--button.theme--custom-1:active {
    border-color: #7d7dff;
    background-color: #7d7dff;
}

.el-input,
.el-select {
    width: 100%;
}

.el-input__inner {
    border-radius: 0 2px 2px 0 !important;
}

.el-input.is-disabled .el-input__inner {
    background-color: #fafafa !important;
    background-color: #fff !important;
    border: 1px solid #DCDFE6 !important;
    color: #606266 !important;
    color: #8a8a8a !important;
    cursor: auto !important;
}

.el-input.is-disabled .el-input__icon,
.el-switch.is-disabled .el-input__icon {
    cursor: auto !important;
}

.vxe-form--item-title {
    padding: 7px;
    line-height: 20px;
    border: 1px solid #DCDFE6 !important;
    border-radius: 2px 0 0 2px;
    // border-right: none !important;
    background-color: #f8f8f9;
    // background: -webkit-linear-gradient(#f2f2f2, #f8f8f8, #f2f2f2);
    // background: -o-linear-gradient(#f2f2f2, #f8f8f8, #f2f2f2);
    // background: -moz-linear-gradient(#f2f2f2, #f8f8f8, #f2f2f2);
    // background: linear-gradient(#f2f2f2, #f8f8f8, #f2f2f2);
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.vxe-form--item-content {
    margin-left: -1px;

    .el-switch {
        padding: 0 10px;
    }
}

.el-date-editor .el-input__inner {
    padding-left: 15px !important;
}

//设置element-ui的editRender，自适应单元格宽度
.vxe-cell>div>[class^='el']:not([class^='el-switch']):first-child {
    width: 100% !important;
}

.vxe-form--item-content>div>[class^='el']:not([class^='el-switch']):first-child {
    // min-width: 217px;
    width: 100% !important;
}

.el-autocomplete-suggestion {
    width: auto !important;
}

//设置自定义图标库的字体大小
.pt {
    font-size: 14px !important;
}

.vxe-form .vxe-form--item:not(.is--span) {
    min-width: 200px;
}

//提升单元格改动标记的层级（showStatus）
.vxe-table.vxe-editable .vxe-body--column.col--dirty:before {
    z-index: 1;
}

// 非选中、编辑状态下的单元格禁止选中文本
td.vxe-body--column:not(.col--actived):not(.col--selected)>.vxe-cell,
.el-select-dropdown__wrap {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.p-form-item--dirty .vxe-form--item-content::before {
    z-index: 1;
    content: '';
    top: -5px;
    left: -5px;
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #f56c6c transparent transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.vxe-form--item.is--error .vxe-form--item-content [class^='el-'] input {
    border-color: #f56c6c;
}

.vxe-pager .vxe-pager--left-wrapper {
    float: left;
}

.vxe-pager .vxe-pager--right-wrapper {
    float: right;
}

//取消下拉按钮边距
.vxe-button--dropdown-wrapper {
    padding: 0;
}

//调整按钮间距
.vxe-button+.vxe-button,
.vxe-button+.vxe-button--dropdown,
.vxe-button--dropdown+.vxe-button,
.vxe-button--dropdown+.vxe-button--dropdown,
.vxe-input+.vxe-button,
.vxe-input+.vxe-button--dropdown {
    margin-left: 2px;
}

.vxe-pager--goto {
    width: 50px !important;
}

.custom-text-lightgray {
    color: lightgray;
}

.custom-text-gray {
    color: gray;
}

.custom-text-red {
    color: red;
}

.custom-text-green {
    color: green;
}

span.vxe-form--item-title-label[data-title]:hover::before {
    content: attr(data-title);
    background-color: #fff;
    position: absolute;
    margin-left: -7px;
    margin-top: -7px;
    padding: 7px;
    z-index: 3;
    white-space: pre;
    border-right: solid thin #dcdfe6;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: text;
}

.Mixin(@index) when (@index > 0) {
    .vxe-form .is--span.vxe-col--@{index} {
        display: inline-block;
        width: calc(100% / 24 * @index);
    }

    .Mixin(@index - 1);
}

.Mixin(24);